
<div class="container-fluid">
	<div class="row-fluid container_bg">
		<div class="container_plr">
			<div class="container_title">
				<!--<div><h1>Login</h1></div>-->
				<div class="mar_top login_div">
					<div class="brg">
						<div class="h2_title_bg"><h2>Login in with your Medicart Account </h2></div>
						<form id="login" name="mainForm" ng-submit="loginForm(mainForm)" >
							<p>If you already have an Medicart account, you may use that to sign in</p>
							<fieldset id="inputs">
								<input type="email" id="username" name="username" placeholder="Username" ng-model="person.username" required />
								<span class="error" ng-show="mainForm.username.$error.required"></span>
								<span class="error" ng-show="mainForm.username.$error.email"></span>
							</fieldset>
							<fieldset id="inputs">
								<input type="password" id="password" name="password"  placeholder="Password" ng-model="person.password" required />
								<span class="error" ng-show="mainForm.password.$error.required"></span>
							</fieldset>
							<label class="checkbox">
								<a href="#/forgot-password" style="float:right;">Forgot your password?</a>
							</label>
							<fieldset id="actions">
								<input type="submit" id="submit" value="SIGN IN"><span ng-bind-html="loading"></span>
							</fieldset>
						</form>
						<div style="color:red">{{ errorLoginMessage }}</div>
						<div id="accoutDiv"></div>
					</div>
					<div class="tagline">Need an account? <a href="#register" id="sign-up-link">Sign up now</a></div>
					<div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>